<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣商城</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
    <div class="app-wrap" v-cloak id="afterSale">
        <header-top></header-top>
        <user-top></user-top>
        <div class="bg-gray">
            <div class="container userCenter clear">
                <leftnav navtext="售后管理"></leftnav>
                <div class="afterSale_content">
                    <ul class="tabs order_list">
                        <li class="li-tab" v-for="(item,index) in afterSale_tabs" @click="toggleTabs(index)" :class="{active:index!=nowIndex}">
                            <span>{{item}}</span>
                        </li>
                    </ul>
                    <div class="divTab couponTab" v-show="nowIndex===0">
                        <div class="search-top">
                            <input type="text" placeholder="商品名称或订单号" class="input_top">
                            <button class="btn-search">订单搜索</button>
                        </div>
                        <div class="panel">
                            <div class="panel_top">
                                <span>下单时间：2017-12-09 12:09:09</span> <span>订单编号：56564646464</span>
                            </div>
                            <div class="panel_con">
                                <div class="goods_item">
                                    <div class="goods_img">
                                        <img src="https://dummyimage.com/80x80/79b0f2" alt="">
                                    </div>
                                    <div class="goods_name">棉麻外套2017秋装新款亚麻七分宽松</div>
                                </div>
                                <a href="#" class="btn">申请售后</a>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel_top">
                                <span>下单时间：2017-12-09 12:09:09</span>
                                <span>订单编号：56564646464</span>
                            </div>
                            <div class="panel_con">
                                <div class="goods_item">
                                    <div class="goods_img">
                                        <img src="https://dummyimage.com/80x80/79b0f2" alt="">
                                    </div>
                                    <div class="goods_name">棉麻外套2017秋装新款亚麻七分宽松</div>
                                </div>
                                <a href="#" class="btn">申请售后</a>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel_top">
                                <span>下单时间：2017-12-09 12:09:09</span>
                                <span>订单编号：56564646464</span>
                            </div>
                            <div class="panel_con">
                                <div class="goods_item">
                                    <div class="goods_img">
                                        <img src="https://dummyimage.com/80x80/79b0f2" alt="">
                                    </div>
                                    <div class="goods_name">棉麻外套2017秋装新款亚麻七分宽松</div>
                                </div>
                                <a href="#" class="btn">申请售后</a>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel_top">
                                <span>下单时间：2017-12-09 12:09:09</span>
                                <span>订单编号：56564646464</span>
                            </div>
                            <div class="panel_con">
                                <div class="goods_item">
                                    <div class="goods_img">
                                        <img src="https://dummyimage.com/80x80/79b0f2" alt="">
                                    </div>
                                    <div class="goods_name">棉麻外套2017秋装新款亚麻七分宽松</div>
                                </div>
                                <a href="#" class="btn">申请售后</a>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel_top">
                                <span>下单时间：2017-12-09 12:09:09</span>
                                <span>订单编号：56564646464</span>
                            </div>
                            <div class="panel_con">
                                <div class="goods_item">
                                    <div class="goods_img">
                                        <img src="https://dummyimage.com/80x80/79b0f2" alt="">
                                    </div>
                                    <div class="goods_name">棉麻外套2017秋装新款亚麻七分宽松</div>
                                </div>
                                <a href="#" class="btn">申请售后</a>
                            </div>
                        </div>
                        <common-page :current="1" :all="100" @btn-click="listen"></common-page>
                    </div>
                    <div class="divTab couponTab" v-show="nowIndex===1">


                    </div>
                    <div class="divTab couponTab" v-show="nowIndex===2">


                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>

    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        afterSale();
    </script>
</body>

</html>